<template>
  <div class="sub-header">
    <header-top></header-top>
    <header-nav-sub :navInfo="navInfo"></header-nav-sub>
  </div>
</template>

<script>
import HeaderTop from '@/components/base/header-top/header-top'
import HeaderNavSub from '@/components/base/header-nav-sub/header-nav-sub'

export default {
  components: {
    HeaderTop,
    HeaderNavSub
  },
  data() {
    return {
      // sub-header头部导航信息
      navInfo: {
        left: [
          {
            id: 1,
            icon: 'iconnav_tuijian',
            text: '全部彩种',
            lotteryCates:  [
              {
                id: 1,
                name: '重庆时时彩',
                path: '/select-number/cqssc'
              },
              {
                id: 2,
                name: '极速飞艇',
                path: '/select-number/jsfeiting'
              },{
                id: 3,
                name: '江苏快三',
                path: '/select-number/jskuaisan'
              },{
                id: 4,
                name: '北京赛车',
                path: '/select-number/bjsc'
              },{
                id: 5,
                name: '江西快三',
                path: '/select-number/jxkuaisan'
              },{
                id: 6,
                name: '幸运快三',
                path: '/select-number/xyks'
              },{
                id: 7,
                name: '极速快三',
                path: '/select-number/jskuaisan'
              },{
                id: 8,
                name: '十分六合彩',
                path: '/select-number/sfliuhecai'
              },{
                id: 9,
                name: '北京28',
                path: '/select-number/bj28'
              },{
                id: 10,
                name: '排列三',
                path: '/select-number/pailiesan'
              },{
                id: 11,
                name: '福彩3D',
                path: '/select-number/fc3D'
              },{
                id: 12,
                name: '极速时时彩',
                path: '/select-number/jsshishicai'
              },{
                id: 13,
                name: '广东11选5',
                path: '/select-number/gd11xuan5'
              },{
                id: 14,
                name: '香港六合彩',
                path: '/select-number/xglhc'
              },{
                id: 15,
                name: '安徽快三',
                path: '/select-number/ahkuaisan'
              },{
                id: 16,
                name: '新疆时时彩',
                path: '/select-number/xjshishicai'
              },{
                id: 17,
                name: '极速赛车',
                path: '/select-number/jssaiche'
              },{
                id: 18,
                name: '幸运飞艇',
                path: '/select-number/xyfeiting'
              },{
                id: 19,
                name: '上海快三',
                path: '/select-number/shkuaisan'
              },{
                id: 20,
                name: '湖北快三',
                path: '/select-number/hbkuaisan'
              },{
                id: 21,
                name: '天津时时彩',
                path: '/select-number/tjshishicai'
              },{
                id: 22,
                name: '河北快三',
                path: '/select-number/hbkuaisan'
              },{
                id: 23,
                name: '甘肃快三',
                path: '/select-number/gskuaisan'
              },{
                id: 24,
                name: '广西快三',
                path: '/select-number/gxkuaisan'
              },{
                id: 25,
                name: '山东11选5',
                path: '/select-number/sd11xuan5'
              },{
                id: 26,
                name: '腾讯分分彩',
                path: '/select-number/txfenfencai'
              },{
                id: 27,
                name: '福建快三',
                path: '/select-number/fjkuaisan'
              },{
                id: 28,
                name: '贵州快三',
                path: '/select-number/gzkuaisan'
              },{
                id: 29,
                name: '河内时时彩',
                path: '/select-number/hnshishicai'
              },{
                id: 30,
                name: '老北京赛车',
                path: '/select-number/lbjracer'
              },
            ],
          }
        ],
        center: [
          {
            id: 2,
            icon: 'iconnav_shouye',
            text: '首页',
            path: '/home'
          },
          {
            id: 3,
            icon: '',
            text: '我的账户',
            position: 'center',
            path: '/my-account'
          },
          {
            id: 4,
            icon: '',
            text: '购买记录',
            position: 'center',
            path: '/orders/records/0'
          },
          {
            id: 5,
            icon: '',
            text: '报表中心',
            position: 'center',
            path: '/me/report'
          },
          {
            id: 6,
            icon: '',
            text: '资金管理',
            position: 'center',
            path: '/account-update'
          },
          {
            id: 7,
            icon: '',
            text: '会员管理',
            position: 'center',
            path: '/me/member-management'
          },
        ]
      }
    }
  },
  methods: {
    handleClick(id) {
      this.id = id
    },
    classObj(id) {
      return id == this.id ? 'active' : ''
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '~@/assets/styles/variables.styl'
  .sub-header >>> .header-nav 
    .header-nav-inner 
      .nav-left
        width 200px
  .sub-header
    width 100%
    background-color #fff
    position fixed 
    left 0
    top 0
    right 0
    z-index 1000

</style>